<template>
	<div class="botnav" v-if="shows">
    <div class="botnav_all" v-for="item in botnav">
      <router-link :to="{name:item.name}">
      <Icon :type="item.icon"></Icon><br/>
          <!--<Icon type="compose"></Icon>-->
      <span>{{item.title}}</span>
      </router-link>
    </div>
	</div>
</template>

<script>
import { mapState } from 'vuex'
export default {
  data(){
    return {}
  },
  computed: {
    ...mapState(['botnav', 'shows']),

  },
  created(){
//   this.getrouter()

  },
  methods: {
//    getrouter(){
//      this.activerouter = this.$route.path.split('/');
//      if(this.activerouter[1]=='carts'&&this.$route.path.split('/'))
//      {this.$store.commit('sHowhidden2')}
//      else{this.$store.commit('sHowhidden')}
//    },
  },
  watch: {}
}
</script>

<style scoped>
	.botnav{position: fixed;bottom: 0;height: 60px;background: #464c5b;color: white;width: 100%; font-size:20px;}
  .botnav_all{width:20%; float: left;margin-top:5px;}
  .botnav_all .ivu-icon{text-align: center; width:100%; color: #ffffff;}
  .botnav_all span{width:100%;font-size: 16px;text-align: center;display: block;color:#ffffff;}
</style>
